<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>

<head>
 <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/sjf/pc/css/style.css"/>
 <script src="http://hwfile.jyymatrix.cc/sjf/pc/js/jquery-1.10.2.min.js"></script>
 <style>
  .w_width1 {
   width: 1200px;
   margin: auto;
   overflow: inherit;
  }
  .box{
   width: 200px;
   height: 200px;
   background-color: gold;
   margin: 100px auto 0;
  }
  .son{
   width: 100px;
   height: 100px;
   background-color: green;
  }
 </style>
</head>

<cms:ads   code="'img_438303178'
"  ></cms:ads>
<div class="header top"> 
 <div class="w_width1">
  <div class="logo" style="    width: 180px;">
   <a href="index.html"><img src="${img_438303178.adImg}" alt="logo" class="zy" data-type="ad" data-id="${img_438303178.adId}" style="width: 180px;height: 70px;margin: 19px 0;"></a>
  </div>
  <ul class="nav navWarp">
   <c:forEach var="item" items="${pcNav }">
    <li class="on dropdown " style="margin-top:40px;">
     <c:if test="${fn:contains(item.navUrl, 'http')}"> 
      <a href="${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">
        <span class="chese navElement" style="height:15px">${item.navName }</span>
       <span class="eglish">- ${item.navDescription } -</span>
      </a>
     </c:if>
     <c:if test="${!fn:contains(item.navUrl, 'http')}"> 
      <a href="${path }/${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">
       <span class="chese navElement" style="height:15px">${item.navName }</span>
       <span class="eglish">- ${item.navDescription } -</span>
      </a>
     </c:if>
     <div class="dropdown_menu" style="z-index: 99999;position: relative;margin-top: -43px;display: none">
      <c:forEach var="items" items="${item.childrenNav }">
       <a href="${path }/${items.navUrl }" target="_parent"
          class="navElement" style="color:#FFFFFF">${items.navName }</a>
      </c:forEach>
     </div>
    </li>
   </c:forEach>
  </ul> 
 </div> 
</div>


<script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/pc/js/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
 $(function(){


  $('.navWarp').children('li').hover(function() {
   $(this).children('.dropdown_menu').show();
  }, function() {
   $(this).children('.dropdown_menu').hide();
  });

 })
</script>
<script>
 // 切换导航时触发
 let routerList=$(".nav")[0].children
 let nowRouter=window.parent.document.URL.substring(window.parent.document.URL.length-9)
 for (let i in routerList){
  routerList[i].className=""
  if (routerList[i].innerHTML.indexOf(nowRouter)>-1){
   routerList[i].className="on"
  } else {
   routerList[i].className=""
  }
 }


</script>